﻿
//$(function () {
//    $('body').layout(  //布局
//    {
//        east__size: 150,
//        south__size: 100,
//        applyDemoStyles: true
//    });
//    $("#divuserlist").accordion({ heightStyle: "content" });  //在线列表
//    $(".ui-menu").menu(   //在线用户
//    {
//        select: function (event, ui) {

//        }
//    });
//    $("#btnsend,#btnclear,#btnemo,#btnlogin").button();  //发送 清空 表情 登录 按钮
//    $("#divemo").resizable(  //表情div
//    {
//        animation: true
//    }).hide().width(400).height(200).css("background-color", "#FFF");


//    $("#btnsend").click(function (event) //发送消息
//    {
//        $.ajax(   //发送sendmsg http请求
//        {
//            url: "chat_aspx.ashx",
//            type: "post",
//            data: { "requestType": "sendmsg", "id": $("#input_user_name").val(), "msg": $("#inputmsg").val() },
//            dataType: "json",
//            success: function (data) {
//                if (data.result == "true")  //发送成功
//                {
//                    ShowMsg(data.msg, data.time, $("#input_user_name").val()); //本地显示
//                }
//                else {
//                    ShowMsg("发送失败,请检查网络连接!", data.time, "system");  //本地显示发送失败信息
//                }
//            },
//            error: function (xhr, info, obj) {
//                ShowMsg("发送失败,请检查网络连接!", "", "system");  //本地显示发送失败信息       
//            }
//        });
//        $("#inputmsg").val("");
//    });
//    $("#btnclear").click(function (event)  //清空发送框
//    {
//        $("#inputmsg").val("");
//    });
//    $("#btnemo").click(function (event)  //插入表情
//    {
//        $("#divemo").position(
//        {
//            of: $("#btnemo"),
//            at: "left top",
//            my: "left bottom"
//        });
//        $("#divemo").show();
//    });
//    $("#divlogin").dialog(  //弹出登录框
//    {
//        modal: true,
//        buttons:
//        {
//            ok: function ()  // 点击确定
//            {
//                $.ajax(   //发送login http请求
//                {
//                    url: "chat_aspx.ashx",
//                    type: "post",
//                    data: { "requestType": "login", "id": $("#input_user_name").val() },
//                    dataType: "json",
//                    success: function (data) {
//                        if (data.result == "true") {
//                            ShowMsg($("#input_user_name").val() + " 登录成功!", data.time, "system");  //本地显示登录成功消息
//                            for (u in data.online_users)  //在线列表
//                            {
//                                $("#divuserlist").append("<li><a href='#' title='" + data.online_users[u] + "'><span class='ui-icon ui-icon-disk'></span>" + data.online_users[u] + "</a></li>");
//                                $("#divuserlist").menu("refresh"); //刷新在线列表
//                            }
//                            $("#divlogin").dialog("close"); //关闭登录框
//                            Open_Http_Channel();     //马上开启长连接
//                        }
//                        else //
//                        {

//                        }
//                    },
//                    error: function (xhr, info, obj) {

//                    }
//                });
//            },
//            cancel: function ()  //取消
//            {
//                window.close();
//            }
//        }
//    });
//    $("#divuserlist").menu();
//    Initialize_Emo();
//});
var httpcometurl = "ashx/Httpcomet.ashx";
var messagecount = 0;
//发送login http请求
function httpclogin() {

    $.post(httpcometurl, { "requestType": "login", "id": HCUser.HCUide + HCUser.HCUname },
          function (data, status) {
              alert(data);
              alert(status);
              Open_Http_Channel();
          }
          );
    //$.ajax({
    //    url: httpcometurl,
    //    type: "post",
    //    data: { "requestType": "login", "id": HCUser.HCUide + HCUser.HCUname },
    //    //dataType: "json",
    //    timeout: 500,
    //    success: function (data) {
    //        alert("OK");
    //        hascallm = true;
    //        Open_Http_Channel();     //马上开启长连接

    //    },
    //    error: function () {
    //        alert("error");
    //    },
    //    timeout: function ()
    //    {
    //        alert("timeout");
    //    }
    //});


}

function Open_Http_Channel()  //开启一个http通道（http长连接）
{
    $.post(httpcometurl, { "requestType": "a_long_connection", "id": HCUser.HCUide + HCUser.HCUname },
         function (data, status) {
             messagecount++;
             showmessagenow += messagecount+status +data+"<br/>";
             $("#lbmessage").html(messagecount);
             Open_Http_Channel();
         }
         );

    //$.ajax({
    //    type: "post",
    //    url: httpcometurl,
    //    data: { "requestType": "a_long_connection", "id": HCUser.HCUide + HCUser.HCUname },

    //    timeout: 30,
    //    async: false,
    //    cache: false,
    //    error: function () {
    //        alert("error");
    //    },
    //    success: function (data) {
    //        var ddd = data;
    //        Open_Http_Channel();  //马上开启第二次http通道

    //    }
    //});
    //$.ajax(
    //{
    //    url: httpcometurl,
    //    type: "post",
    //    data: { "requestType": "a_long_connection", "id": HCUser.HCUide + HCUser.HCUname },
    //    dataType: "json",
    //    success: function (data)  //解析返回的json包
    //    {
    //        //接收web server端返回的数据  开始解析数据 参见protocol.txt
    //        if (data.type == "login")  //有人上线
    //        {

    //            messagecount++;
    //            showmessagenow += data.login_name+"于"+data.login_time+ "上线<br/>";
    //           // ShowLogin(data);  //显示登录信息
    //        }
    //        if (data.type == "sendmsg")  //有人发送消息
    //        {
    //            showmessagenow += data.login_name + "于" + data.login_time + "sendmsg" + data.msg + "<br/>";
    //            messagecount++;
    //           // ShowMsg(data.msg, data.send_time, data.send_name);  //显示消息
    //        }
    //        if (data.type == "logout")  //有人下线
    //        {
    //            showmessagenow += data.logout_name + "于" + data.logout_time + "下线<br/>";
    //            messagecount++;
    //           // Logout(data);
    //        }
    //        if (data.type == "data_list")  //数据包集合
    //        {
    //            for (i in data.list)  //遍历数据包集合
    //            {
    //                if (data.list[i].type == "login") {
    //                    //ShowLogin(data.list[i]);   //显示登录信息
    //                }
    //                if (data.list[i].type == "sendmsg") {
    //                    //ShowMsg(data.list[i].msg, data.list[i].send_time, data.list[i].send_name);  //显示消息
    //                }
    //                if (data.list[i].type == "logout")  //下线
    //                {
    //                    //Logout(data.list[i]);
    //                }
    //                //...
    //            }
    //        }

    //        $("#lbmessage").html(messagecount);
    //        //...
    //        //...
    //        //...定义的其他协议  在此处解析
    //        Open_Http_Channel();  //马上开启第二次http通道
    //    },
    //    error: function (xhr, info, obj) {
    //        Open_Http_Channel();  //马上开启第二次http通道              
    //    }
    //});
}
var showmessagenow = "1:你好<br/>2:dfdfdf<br/>3:<a href=\"http://www.w3school.com.cn\">W3School</a><br/>";
function showmessage() {
    layer.open({
        type: 1,
        title: '即时信息',
        skin: 'layui-layer-rim', //加上边框
        area: ['420px', '240px'], //宽高
        content: showmessagenow,
        shadeClose: true
    });
}
function Initialize_Emo()  //初始化表情div
{
    var html = "";
    for (var i = 0; i < 100; ++i) {
        html += "<img class='emo' src='../images/qq/" + (i < 10 ? ("0" + i) : (i)) + ".gif' title='" + (i < 10 ? ("0" + i) : (i)) + "'/>";
    }
    $("#divemo_board").html(html);
    $(".emo").click(function (event)  //点击表情图标
    {
        var $emo = $(this);
        var str = "[emo:" + $emo.attr("title") + "]";
        $("#divemo").hide();
        $("#inputmsg").focus();
        var v = $("#inputmsg").val();
        $("#inputmsg").val(v + str);
    });
}
function ShowMsg(msg, time, sender) //消息显示
{
    var c = "";
    if (sender == "system") {
        c = "blue"
    }
    else {
        c = "green";
    }
    var html = "<p style='margin:0px;padding:3px'><span style='color:" + c + "'>[" + time + "] " + sender + ": " + "</span>&nbsp;&nbsp;" + msg + "</p>";
    $("#divmsgrecv").append(html);
}

function ShowLogin(data)  //处理登录
{
    ShowMsg(data.login_name + " 上线", data.login_time, "system");  //显示上线信息
    $("#divuserlist").append("<li><a href='#' title='" + data.login_name + "'><span class='ui-icon ui-icon-disk'></span>" + data.login_name + "</a></li>");
    $("#divuserlist").menu("refresh"); //刷新在线列表
}

function Logout(data)  //处理下线
{
    ShowMsg(data.logout_name + " 下线", data.logout_time, "system");  //显示下线信息
    $("#divuserlist").find("li").each(function () {
        if ($(this).find("a").attr("title") == data.logout_name) {
            $(this).remove();
        }
    });
    $("#divuserlist").menu("refresh");
}



